<html>
    <head>
        <link rel="stylesheet" href="../extensions/jquery-ui-1.10.4/css/custom-theme/jquery-ui-1.10.4.custom.css">    
        <script src="../extensions/jquery-ui-1.10.4/js/jquery-1.10.2.js"></script>
        <script src="../extensions/jquery-ui-1.10.4/js/jquery-ui-1.10.4.custom.js"></script>
        
        <script>
                $(function(){
                    
                    $("#dialogo").dialog({
                        autoOpen:false,
                        width:300,
                        height:300,
                        modal:true
                    });
                    
                    $.ajax({
                        beforeSend:function(){
                            $("#dialogo").dialog("open");
                        },
                        success:function(){
                            $("#dialogo").dialog("open");
                        }
                    });
                });
                
        </script>
    </head>
    <body>
        <div id="dialogo">
            <div id="texto"> Welcome </div>            
        </div>
    </body>
</html>


